<template>
    <div class="pop">
      <!-- 边框 -->
      <div id="line0" class="lines-btn" style="position: absolute; inset: 0px;">
              <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
                <path  fill="azure" stroke="#c0c0c0"  class="lpk-path"
                        d="M0,5 L5,5 L5,0 L100,0 L100,5 L105,5 L105,20 L100,20 L100,25 L5,25 L5,20 L0,20 Z" 
                        style="stroke-width: 1">
                </path>
            </svg>
       </div>
       <div>
         <p>{{text}}</p>
       </div>
    </div>
        
</template>
<script>
export default {
  name:'lpk-pop',
  props:['text'],
}
</script>
<style lang="scss" scoped>
  .pop :nth-child(2){
    position:absolute;
    top: 0;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    font-weight: bold;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    p{
      // color:
      display: block;
      margin: 0 auto;
      width: 100px;
      text-align:center;
    }
  }
</style>
